<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type"
	content="text/html; charset=charset=utf-8">
<title>联系答案解析</title>
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<style type="text/css">
.bodybg {
	background-color: gray;
}

.textbg {
	background-color: green;
}

p {
	margin: 15px;
	font-size: 16px;
	font-weight: 25px;
}

.alterbg {
	width: 8px;
	height: 8px;
}

.greenbg {
	background-color: olive;
}

.bluebg {
	background-color: navy;
}

.whritebg {
	background-color: fuchsia;
}
</style>
</head>
<body class="bg">
	<div class="container textbg">
		<div class="navbar navbar-default navbar-fixed">
			<div class="navbar-left">
				<ol class="breadcrumb">
					<li><a href="#">首页 </a></li>
					<li><a href="#">做练习</a></li>
					<li><a href="#">六级试题答案解析</a></li>
				</ol>
			</div>
			<div class="navbar-right">
				<ol class="breadcrumb">
					<li><a href="#" class="alterbg greenbg"> </a></li>
					<li><a href="#" class="alterbg bluebg"></a></li>
					<li><a href="#" class="alterbg whritebg"></a></li>
				</ol>

			</div>
		</div>

		<div class="well">
			<table class="table table-bordered">
				<tr>
					<td>总计：</td>
					<td>${answers.numoftotal }</td>
				</tr>
				<tr>
					<td>对：</td>
					<td>${answers.numoftrue }</td>
				</tr>
				<tr>
					<td>错：</td>
					<td>${answers.numoffalse }</td>
				</tr>
				<tr>
					<td>正确率：</td>
					<td>60%</td>
				</tr>
			</table> 
		</div>


		<h1 class="center-block"">六级试题</h1>
		<ul class="list-group">
			<li class="list-group-item">
				<h2>一.选择题</h2>
				<ul class="list-group">
					<c:forEach items="${answers.inputAnswers }" var="answer" varStatus="index">
						<li class="list-group-item">
						
						
						<c:choose>
							<c:when test="${answer.istrue ne true }">
								<h3>${index.index+1 } ${answer.examquestion.title }</h3>XX
							</c:when>
							<c:otherwise>
								<h3>${index.index+1 } ${answer.examquestion.title }</h3>
							</c:otherwise>
						</c:choose>
							
							
							<div class="row">
								<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">A.${answer.examquestion.choice1 }</div>
								<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">B.${answer.examquestion.choice2 }</div>
								<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">C.${answer.examquestion.choice3 }</div>
								<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">D.${answer.examquestion.choice4 }</div>
							</div>
							<div class="row">
								<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
									<span>答案：</span>${answer.examquestion.answer }
								</div>
								<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
									<span>解析：</span>${answer.examquestion.description }
								</div>
							</div>
	
						</li>
						
					</c:forEach>
				
					


				</ul>

			</li>
			<li class="list-group-item">
				<h2>二.填空题</h2>
			</li>
		</ul>

	</div>
	<div class="container">
		<div class="row">
			<ul class="pager">
				<li class="previous"><a href="#"> 上一页 </a></li>
				<li class="next"><a href="#">我要交卷</a></li>
				<li class="next"><a href="#"> 下一页 </a></li>
			</ul>
		</div>
	</div>

	<script src="jquery/jquery.min.js"></script>
	<script src="bootstrap/js/jquery.min.js"></script>
	<script src="bootstrap/js/bootstrap.min.js"></script>
</body>

</html>